<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>axios</title>
</head>
<body>
<button onclick="send()">send</button>
<script src="../static/js/axios.js"></script>
<script>
    function send() {
        // xhr.send()
        // axios({url, method}).then(res => {}).catch(err => {})
        // fetch(url).then(res => return res.json()).then(res => {}).catch(err => {})
        // $.ajax({url, type, data, success, error}) $.get()  $.post()
        // axios({
        //     url: "http://localhost:8080/get",
        //     method: "get"
        // }).then(res => {
        //     // res.data --> responseText  对象的形式
        //     // res.request --> XMLHttpRequest
        //     console.log(res)
        //     console.log(res.request)
        //     console.log(res.data.data)
        // }).catch((err) => {
        //     console.log(err)
        // })

        // axios({
        //     url: "http://localhost:8080/test",
        //     method: "POST",
        //     // data: "name=键盘&price=999"
        //     data: {
        //         goodsName: "键盘",
        //         goodsPrice: 999
        //     }
        // }).then(res => {
        //     console.log(res.data)
        // }).catch(err => {
        //     console.log(err)
        // })
        axios.post('http://localhost:8080/test', {
            goodsName: "键盘",
            goodsPrice: 999
        }).then(res => {
            console.log(res)
        })
    }
</script>
</body>
</html>